<template>
  <div>
    <section class="search">
      <header class="header">
        <a href="" class="header_title">
          <span class="header_title_text">搜索</span>
        </a>
      </header>
      <form class="search_form" action="">
        <input type="search" name="search" placeholder="请输入商家或美食名称" class="search_input">
        <input type="submit" name="submit" class="search_submit">
      </form>
    </section>
  </div>
</template>

<script>
export default {
  name: "search"
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
  .search
    width: 100%
    .search_from
      clearFix()
      margin-top 45px
      background-color: #fff
      padding: 12px 8px
      input
        height: 35px
        padding: 0 4px
        border-radius: 2px
</style>